<div nz-row class="sumBase">
  <!-- <div nz-row style="text-align: center;background: #fff;margin: 10px 1%">
    <h1>电梯安全动态监管系统数据统计</h1>
  </div> -->
  <div style="margin:0.5% 1%;margin-bottom: 2px;padding: 15px 0;">
    <div class="gutter-example">
      <!-- <nz-card> -->
      <div nz-row style="text-align: center;">

        <div nz-row [nzGutter]="8">
          <div nz-col class="gutter-row" [nzSpan]="24">
            <nz-card style="width:100%;height: 200px">
              <ng-template #body>
                <!-- <div echarts *ngIf="option5.color" [options]="option5"></div> -->
                <!-- <div nz-row [nzGutter]="24">-->
                <!-- <h3>本辖区电梯安全保障力量分布图</h3> -->
                <div echarts [options]="option6"></div>
                <!--</div>-->
              </ng-template>
            </nz-card>
          </div>
        </div>
      </div>
    </div>
  </div>

    <div style="margin:1%">
      <div class="gutter-example">
        <div nz-row [nzGutter]="8">
          <div nz-col class="gutter-row" [nzSpan]="24">
            <nz-card>
              <ng-template #title>
                本辖区电梯数量分布情况
              </ng-template>
              <ng-template #body>
                <div nz-row [nzGutter]="24">
                  <!-- <h3>本辖区电梯数量分布情况</h3> -->
                  <div echarts [options]="option1"></div>
                </div>
                <div nz-row [nzGutter]="24">
                  <nz-table #nzTable [nzDataSource]="distribRet" [nzIsPagination]="false">
                    <thead nz-thead>
                    <tr>
                      <th nz-th *ngFor="let data of distribRet" style="text-align: center">
                        <span>{{data.partyName}}</span>
                      </th>
                    </tr>
                    </thead>
                    <tbody nz-tbody>
                    <tr nz-tbody-tr>
                      <td nz-td *ngFor="let data of distribRet" style="text-align: center">
                        <span>{{data.elevatorNum}}</span>
                      </td>
                    </tr>
                    <tr nz-tbody-tr>
                      <td nz-td *ngFor="let data of distribRet" style="text-align: center">
                        <span>{{data.eleStopNum}}</span>
                      </td>
                    </tr>
                    <tr nz-tbody-tr>
                      <td nz-td *ngFor="let data of distribRet" style="text-align: center">
                        <span>{{data.eleUsedNum}}</span>
                      </td>
                    </tr>
                    </tbody>
                  </nz-table>
                </div>
              </ng-template>
            </nz-card>
          </div>
        </div>
      </div>
    </div>
    <div style="margin:0 1%">
      <div nz-row [nzGutter]="8">
        <div nz-col class="gutter-row" [nzSpan]="24">
          <nz-card style="width:100%">
            <ng-template #title>
              本辖区各类型电梯占比情况
            </ng-template>
            <ng-template #body>
              <div nz-row [nzGutter]="24">
                <!-- <h3>本辖区各类型电梯占比情况</h3> -->
                <div echarts [options]="option2"></div>
              </div>
            </ng-template>
          </nz-card>
        </div>
      </div>
    </div>



    <div style="margin:1%">
      <div nz-row [nzGutter]="8">
            <div nz-col class="gutter-row" [nzSpan]="12">
              <nz-card style="width:100%;">
                <ng-template #title>
                  本辖区电梯梯龄情况
                </ng-template>
                <ng-template #body>
                  <div nz-row [nzGutter]="24">
                    <div echarts [options]="option3"></div>
                  </div>
                </ng-template>
              </nz-card>
            </div>


            <div nz-col class="gutter-row" [nzSpan]="12">
              <nz-card style="width:100%;">
                <ng-template #title>
                  本辖区电梯安全保障力量分布图
                </ng-template>
                <ng-template #body>
                  <!-- <div echarts *ngIf="option5.color" [options]="option5"></div> -->
                  <div nz-row [nzGutter]="24">
                    <!-- <h3>本辖区电梯安全保障力量分布图</h3> -->
                    <div echarts [options]="option4"></div>
                  </div>
                </ng-template>
              </nz-card>
            </div>

       </div>
    </div>

</div>
